@charset "utf-8";
/* CSS Document */
/*切图：zyjn*/
html{ overflow-x:hidden; overflow-y:auto;}
body{background-color:#fff;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%; /*display:block; */}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}

@font-face {
  font-family:'Verdana';
  src:url('font/Verdana.eot)');
  src: url('font/Verdana.eot?#iefix') format('embedded-opentype'), url('font/Verdana.woff') format('woff'), url('font/Verdana.ttf') format('truetype'), url('font/Verdana.svg#glyphicons-halflingsregular') format('svg');
}


.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}
/*首页 */
/*首页顶部*/
.top1{background-color:#fff; background:url(images/nav_top_bg.png) top center repeat-x;}
.top1 .logo{width:122px; height: auto;float:left; margin: 21px 0;}

.menu_box{float:right;}
.menu{float:left; }
.menu .nli{float:left; position: relative; text-align: center; margin-left:75px; }
.menu .nli:first-child{margin-left:0;}
.menu .nli span > a{font-size:15px; color:#3e3d3d; display: block; padding:41px 0; position: relative;}
.menu .nli span > a::after,
.menu .nli span > a::before{width:13px; height: 1px; background-color:#a3220e; content: ""; position: absolute;top:52px; display: none;}
.menu .nli span > a::after{left:-25px;}
.menu .nli span > a::before{right:-25px;}
.menu .nli span > a .en{display:block; font-size:12px; color:#8d8d8d; width: 100%; margin-top:2px;font-family:'Verdana';}
.menu .nli.hover span > a::after,
.menu .nli.hover span > a::before{display:block;}
.menu .nli:hover span > a::after,
.menu .nli:hover span > a::before{display:block;}
.menu .nli:hover span > a{color:#a3220e;}
.menu .nli.hover span > a{color:#a3220e;}

.sub{position: absolute; top:120px; left: 50%; margin-left:-70px; width:140px;  text-align: center; z-index: 101; display:none;background-color:rgba(163,34,14,0.6)}
.sub a{display:block; font-size:14px; color:#fff; line-height:20px;  padding:12px 0; margin-top:1px;}
.sub a span{ display:block; font-size:12px;font-family:'Verdana';}
.sub a:hover{background-color:rgba(163,34,14,1)}

@media screen and (max-width:1199px){
	.menu .nli{margin-left:60px;}
}

/*手机头*/
.top2{width:100%; height:60px;background-color:#fff;display: none; box-shadow: 0 0px 17px  rgba(0,0,0,0.1); z-index: 2000; position: relative;}
.top2 .logo{width:60px; height:auto; float:left; margin-top:10px;}

@media screen and (max-width:991px){
   .top2{ display:block;}
	.top1{ display:none;}
	
}



/*下拉*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #a3220e;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #a3220e;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.1;*/
}
.xialaph li:first-child h4::after{display:none;}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{ padding:12px 0;	
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.xialaph h5 a span{ display:block; font-size:12px;}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dddddd;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}

.xialaph h5 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h5.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}



.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}



@media screen and (max-width:1199px){
	.top2{background-color:#fff;}
}

/*banner*/
.pz_banner{clear: both;}
.c_banner{position:relative; overflow: hidden;}
.slide1{width:100%;}
.slide1 a{display:block; width:100%; height: 100%;}
.slide1 .list{position:relative;}
.slide1 .slick-dots{top:326px; bottom:auto; right:44px; width: auto; z-index: 100;}
.slide1 .slick-dots li{display:block; vertical-align: bottom; width:10px; height: 10px; margin:0 0 16px 0; background-color:#727272; border-radius: 50%;}
.slide1 .slick-dots li.slick-active{background-color:#a3220e; }
.slide1 .slick-next{width:38px; height: 38px; right:30px; top:271px; transform: translate(0); background:url(images/next.png) center no-repeat; background-size: 100%;}
.slide1 .slick-next:hover{opacity:0.6;}

.slide1 .text{width:463px; position: absolute; top:50% ;left: 14%;
	;-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}

.vision{width:129px; height: 217px; right:0; top:210px; position: absolute;}
.vision .H4{font-size:14px; color:#767676; position: absolute; top:50%; left: -50px;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}


@media screen and (max-width:991px){
	.slide1 .text{width:300px;}
}
@media screen and (max-width:767px){
	.slide1 .text{width:200px; }
	.slide1 .slick-next{top:80px; width:30px; height: 30px; right:20px;}
	.slide1 .slick-dots{top:120px; right:30px}
	.vision{width:80px; height: 135px; top:50px;}
}


/*bottom*/
.bottom{background-color:#323232; padding:0 60px; position: relative;}
.bInfor{float:right;}
.bInfor .H4{float:left; font-size:14px; color:#b0b0b0; line-height: 50px; margin-left:18px; position: relative;}
.bInfor .bottomEwm{float:right;}
.bEwm{position:absolute; width:119px; height: 0; bottom:58px; left: 50%; margin-left:-59.5px; background:url(images/ewm_bg.png) center no-repeat; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.bEwm .pic{width:100px; height: 100px; margin: 9.5px 9.5px 0 9.5px; display: block;}

@media screen and (min-width:992px){
	.bInfor .H4:hover .bEwm{height: 128px;}
}
.bInfor .H4.active .bEwm{height: 128px;}
.copyRight{float:left; font-size:14px; color:#b0b0b0; line-height: 50px;}
.copyRight br{display:none;}

.bNavTop{display:none;}
.bNavBox{width:100%; left: 0; position: absolute;top:-48px;}
.bNav{width:90%;background-color:#323232; position: relative; text-align: center; margin: auto;}
.bNav::after{width: 0px;height: 0px;border-color: #323232 transparent;border-width: 0 0 48px 30px;border-style: solid; content: ""; left: -30px; top:0; position: absolute;}
.bNav::before{width: 0px;height: 0px;border-color: #323232 transparent ;border-width: 0 30px 48px  0;border-style: solid; content: ""; right: -30px; top:0; position: absolute;}
.bNav a{ display:inline-block; width:12%; font-size:14px; color:#fff; line-height: 20px; padding:4px 0;}
.bNav a span{ display:block; font-size:12px;font-family:'Verdana';}
.bNav .i1{ display:inline-block; vertical-align:top; font-size:14px; color:#fff; line-height: 20px; color:#5c5c5c;margin:14px 0;}


.bNav a:hover{color:#aa210b;}
.textPh{display:none;}

@media screen and (max-width:1429px){
	.bNav{width:100%;}
}
@media screen and (max-width:1199px){
	.bNav{width:100%;}
    .bNav a{font-size:13px; line-height:16px;}
}
@media screen and (max-width:991px){
	.bottom{padding:10px 0;}
	.bNavBox{position:static;}
	.bNav .i1{display:none;}
	/*.bNav a{margin:0 5px;}*/
	.bNav a{ width:12.5%; font-size:12px;}
	.bNav::after,
	.bNav::before{display:none;}
	.bNav{width:100%;}
	.bInfor{ margin-top:10px;}
	.bInfor,
	.copyRight{width:100%; text-align: center; line-height: 24px; float: none;}
	.bInfor .H4{float: none; display: inline-block;line-height: 24px; margin: 0 5px;}
	.bottomEwm{width:100%;}
	.bottomEwm .text{display:none;}
	.bEwm{width:119px; height: 119px; position: static; background:none; margin: auto; background-color:rgba(255,255,255,0.6);}
}
@media screen and (max-width:767px){
	.bNavBox{border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:10px;}
	.bNav{padding-bottom:5px;}
	.dScroll{font-size:0;}
	.bNav a{width:50%; margin: 0; text-align: center;}
	.bInfor .bottomEwm{display:block;}
	.copyRight br{display:block;}
	.copyRight .i1{display:none;}
	.bEwm{width:76px; height: 76px;}
	.bEwm .pic{margin:3px; width:70px; height: 70px;}
	.textPh{display:block;font-size: 13px;color: #b0b0b0; margin: 5px 0 5px 0; line-height: 20px;}
}
@media screen and (max-width:413px){
.bNav a{ font-size:13px; line-height:18px;}	
.bNav a span{ font-size:10px;}
}

/*人*/
.pageNav{border-bottom:1px solid #e4e4e4; text-align: center;}
.pageNav a{display:inline-block; font-size:16px; font-weight:bold; color:#404040; line-height: 30px; min-width: 114px; margin: 0 0.5%; padding:10px 0; /* text-transform: uppercase;*/
-webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
}

.pageNav a span{display:block; font-size:14px; color:#404040; line-height:30px; font-weight:normal;  }

.pageNav a:hover{border-bottom:2px solid #a3220e; color:#a3220e; background:url(images/p2.png) bottom center no-repeat; background-size:11px 6px;}
.pageNav a.hover{border-bottom:2px solid #a3220e; color:#a3220e; background:url(images/p2.png) bottom center no-repeat; background-size:11px 6px;}
.pageNav a.hover span{color:#a3220e;  }

@media screen and (max-width:1429px){
	/*.pageNav a{margin:0 1%;}*/
}
@media screen and (max-width:1199px){
	.pageNav a{font-size:14px; line-height: 24px; min-width: 80px;}
    .pageNav a span{font-size:12px; line-height: 24px;}
}
@media screen and (max-width:991px){
	.pageNav{display:none;}
}

/*内页下拉*/
.babyserBox{position: relative; height: 41px; width:100%; display: none;}
.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}
.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:40px; }
.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}
.pz_SideLayerph{ display:none;  background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a span{display:inline-block; padding-left:5px; font-size:12px;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#337ab7;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

@media screen and (max-width:991px){
	.babyserBox{display:block;}
}

.bannerText{width:100%; text-align: center; top:50%; left: 0; position: absolute;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
}
.bannerText .H4{font-size:30px; color:#fff; font-family: Arial; letter-spacing: 1px;}
.bannerText .H5{font-size:18px; color:#f4f8fb; margin: 12px 0;letter-spacing: 1px;}
.bannerText .span{width:1px ; height: 16px; background-color:#9fa2b1; margin: auto; display: block;}

@media screen and (max-width:767px){
	.bannerText .H4{font-size:18px;}
	.bannerText .H5{font-size:14px; margin: 5px 0;}
}

.peopele{padding:50px 0 116px 0;}
.peopeleList{padding-bottom:20px;}
.peopeleList .list{width:23.42%; margin:0 2.1% 40px 0; float:left; }
.peopeleList .list:nth-child(4n){margin-right:0;}
.peopeleList .pic{width:159px; height: 159px; margin: auto; border-radius: 50%; overflow: hidden;border:7px solid #f5f5f5; box-sizing: content-box; box-shadow: 0 0 0 1px #eeeeee;}
.peopeleList .down{width:100%; background-color:#f5f5f5; border-radius: 8px; padding:62px 15px 25px 15px;margin-top:-62px; border:1px solid #eeeeee; }
.peopeleList .down .H3{text-align:center; width:64.18%; margin: auto; padding:16px 0; border-bottom:1px solid rgba(0,0,0,0.1); position: relative; margin-bottom:15px; font-size:18px; color:#333333;}
.peopeleList .down .H3::after{width:20px; height: 3px; background-color:#d7000f; position: absolute; bottom:0; left: 50%; margin-left:-10px; content: "";}
.peopeleList .down .p{font-size:14px; line-height: 32px; color:#666666; height:96px; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.peopeleList .down .p .H4{font-size:16px; font-weight: bold; line-height: 32px;}
.peopeleList .list:hover .pic{border-color:#d7000f;}
.peopeleList .list:hover .down{background-color:#d7000f;border-color:#d7000f;}
.peopeleList .list:hover .down .H3,
.peopeleList .list:hover .down .p {color:#fff;}
.peopeleList .list:hover .down .H3{border-color:rgba(255,255,255,0.5);}
.peopeleList .list:hover .down .H3::after{background-color:#fff;}

@media screen and (max-width:991px){
	.peopeleList .pic{width:100px; height: 100px;}
	.peopeleList .down .H3{width:100%;}
	.peopele{padding:50px 0 50px 0;}
}
@media screen and (max-width:767px){
	.peopele{padding:30px 0 30px 0;}
	.peopeleList{padding-bottom:10px;}
	.peopeleList .list{width:48%; margin:0 4% 20px 0;}
	.peopeleList .list:nth-child(4n){margin-right:4%;}
	.peopeleList .list:nth-child(2n){margin-right:0;}
	.peopeleList .pic{border-width:3px;}
	.peopeleList .down .H3{font-size:16px;}
	.peopeleList .down .p .H4{font-size:14px; line-height: 20px;}
	.peopeleList .down .p{font-size:13px; line-height: 20px; height: 60px;}
	.peopeleList .down{padding:62px 10px 15px 10px}
}


.paging{text-align:center;}
.paging a{display:inline-block; vertical-align: middle; width:38px; height: 38px; border-radius: 30px; line-height: 36px; text-align: center; font-size:14px; color:#272727; margin: 0 4px; border:1px solid #e1e1e1;}
.paging .pageup{width:100px; background:url(images/p6.png) center no-repeat; background-size:cover;}
.paging .pagedown{width:100px; background:url(images/p5.png) center no-repeat;}
.paging .pageup:hover{background-image:url(images/p3.png);}
.paging .pagedown:hover{background-image:url(images/p4.png);}
.paging a:hover{background-color:#c50802; color:#fff; border-color:#c50802;}
.paging a.hover{background-color:#c50802; color:#fff; border-color:#c50802;}
.paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none;}

@media screen and (max-width:767px){
	.paging .a{display:none;}
	.paging .aPh{display:inline-block;}
}


/*新闻资讯*/
.new{padding-bottom:60px;}
.new .list{ padding:20px 0 20px 20px; border-top:1px solid #e2e2e2; } 
.new .list:last-child{ border-bottom:1px solid #e2e2e2; }
.new .list .pic{width:210px; height: auto; float:left; overflow: hidden;}
.new .list .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.new2{width:73.71%; float:left; margin-left:2.14%;}
.new2 .H2{font-size:18px; color:#303030; padding:25px 0 0 0; text-transform: uppercase; letter-spacing: 1px;}
.new2 .H3{font-size:12px; color:#909090;  padding:5px 0 18px 0;}
.new2 .p{font-size:14px; color:#909090; line-height: 22px; height: 44px; padding:0 0 0 15px ; position: relative;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.new2 .p::after{position:absolute; left:0;background-color:#d9d9d9; width:1px; height:36px; top:4px; content: " ";}
.new .list .i1{width:25px; height: auto; float:right; display: block; padding:75px 1.5%;  box-sizing: content-box; position:relative; opacity: 0;}
.new .list .i1::after{width:1px; height: 100%; top:0; left:0; content: ""; background-color:#dadada; position: absolute;}
.new .list:hover .pic img{
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.new .list:hover .new2 .H2{color:#a3220e;}
.new .list:hover .i1{opacity: 1;}
.new .list:hover {background-color:#f6f6f6;}


@media screen and (max-width:1199px){
	.new2{width:65%;}
}
@media screen and (max-width:991px){
	.new .list .i1{display:none;}
}
@media screen and (max-width:767px){
	.new{padding-bottom:30px;}
	.new .list .pic{width:120px;}
	.new2{ width:auto;float:none; margin-left:130px;}
	.new2 .H2{font-size:15px; padding:5px 0 0 0;}
	.new2 .H3{font-size:12px; padding:5px 0;}
	.new2 .p::after{display:none;}
	.new2 .p{padding:0; font-size:13px; height: 40px; line-height: 20px;}
	.new .list{ padding:10px 0;}
}

/*新闻详情*/
.newDetail{}
.newText .H1{font-size:24px; color:#333; text-align: center;}
.newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 25px 0 35px 0;}
.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 33px;}
.newTextDiv .return{float:right; font-size:14px; color:#777777; line-height: 34px;}
.newTextDiv .return .i1{float:right; width:33px; height: auto; margin-left:10px; }
.newTextDiv .return:hover{color:#a3220e}
.newTextCon{font-size:14px; line-height: 30px; color:#333333; max-width:800px; margin:0 auto;}
.newTextCon .divImg .img{width: 48%; float:left; margin: 45px 4% 40px 0;}
.newTextCon .divImg .img:nth-child(2n){margin-right:0;}
.newDetail .share{text-align:center; margin:20px 0; padding:30px 0 30px 0;border-bottom:1px solid #d7d8d8; line-height: 0; }
.newDetail .share .bdsharebuttonbox{display:inline-block;}
.newDetail .share .bdsharebuttonbox .bdshare-button-style0-16{margin:0; padding:0;}
.newDetail .share .bdsharebuttonbox .bds_weixin{width:35px; height:35px; background:url(images/wx1.png) center no-repeat; margin: 0; background-size: 100%}
.newDetail .share .bdsharebuttonbox .bds_tsina{width:35px; height:35px; background:url(images/sina1.png) center no-repeat; margin:0 15px;background-size: 100%}
.newDetail .share .bdsharebuttonbox .bds_qzone{width:35px; height:35px; background:url(images/qzone1.png) center no-repeat; margin: 0;background-size: 100%}

.aboutNewBox{}
.aboutNewBox .H2{font-size:18px; color:#a3220e; padding:25px 0 20px 0; margin-top:20px; font-weight: bold;}
.aboutNew .list{width:48.66%; margin-right:2.68%; padding:13px 0; border-bottom:1px solid #e4e4e4; float:left;}
.aboutNew .list:nth-child(2n){margin-right:0;}
.aboutNew .list .H5{float:left; font-size:14px; color:#333333; width:80%;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aboutNew .list .H6{font-size:14px; color:#777777; float:right;}
.aboutNew .list:hover .H5{color:#a3220e;}

@media screen and (max-width:991px){
	.aboutNew .list .H5{width:70%;}
}
@media screen and (max-width:767px){
	.newText .H1{font-size:18px;}
	.newTextDiv{margin:15px 0; padding:5px 0;}
	.newTextDiv .H2{font-size:12px; line-height: 26px;}
	.newTextDiv .return{line-height:26px;}
	.newTextDiv .return .i1{width:30px;}
	.newTextCon{font-size:13px; line-height: 20px;}
	.newTextCon .divImg .img{margin:10px 4% 10px 0}
	.newDetail .share{padding:20px 0; margin-bottom:10px;}
	.aboutNewBox .H2{font-size:18px; padding:10px 0; margin-top:10px;}
	.aboutNew .list{width:100%; margin: 0;}
}

.pageA{}
.pageA a{font-size:14px; color:#666; line-height: 17px;}
.pageA a:hover{color:#a3220e;}
.pageUp{float:left;}
.pageDown{float:right;}

@media screen and (max-width:767px){
	.pageA{padding-top:10px;}
	.pageA a{width:100%; text-align: center;}
}

/*产品服务*/
.proList{padding-bottom:15px;}
.proList .list{width:30.92%; margin:0 3.62% 40px 0; float:left; background-color:#f7f7f7;}
.proList .list:nth-child(3n){margin-right:0;}
.proList .pic{width:100%; padding-bottom:75.28%; position: relative; border:1px solid #ebebeb;}
.proList .pic > img{width:100%; min-height: 100%; position: absolute; top:0; left: 0;}
.proList .pic .textBox{position:absolute; top:0; left: 0; width:100%;background-color:rgba(0,0,0,0.8); height: 0; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.proList .text{width:100%; padding: 55px 11.62% 0 11.62%; position: absolute; top:0;}
.proList .p{font-size:14px; color:#fff; line-height: 31px; height: 155px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.proList .more{padding:13px 20px; background-color:#ba0801; font-size:14px; color:#fff; line-height: 13px; display: inline-block; margin-top:31px;}
.proList .more .span{float:right; width:13px; height: 13px; margin-left:5px;}
.proList .down{padding:20px 17px;}
.proList .down .H4{font-size:16px; color:#363636;}
.proList .down .H5{font-size:14px; color:#aeaeae; margin-top:5px;}

.proList .list:hover .textBox{height:100%;}
.proList .list:hover .H4{color:#d80901;}

@media screen and (max-width:1429px){
	.proList .text{padding-top:30px;}
}
@media screen and (max-width:1199px){
	.proList .text{padding-top:10px;}
	.proList .more{margin-top:10px;}
}
@media screen and (max-width:991px){
	.proList .p{font-size:12px; line-height: 18px; height: 90px;}
}
@media screen and (max-width:767px){
	.proList .list{width:48%; margin:0 4% 20px 0;}
	.proList .list:nth-child(3n){margin-right:4%;}
	.proList .list:nth-child(2n){margin-right:0;}
	.proList .down{padding:10px;}
	.proList .down .H4{font-size:14px;}
	.proList .down .H5{font-size:12px;}
	.proList .pic .textBox{display:none;}
}

/*产品详情*/
.proDetail{}
.proDetail .detailTop{border:1px solid #e5e5e5; padding:40px 8.57% 40px 5%;}
.proDetail .detailTop .pic{float:left; width:41.52%; }
.proDetail .right{width:49.87%; float:left; margin-left:8.35%; padding-left:6.68%; border-left:1px solid #eff0f1;}
.proDetail .right .title{padding:10px 0 0 0; font-size:26px; color:#161616;}
.proDetail .right .text{ margin:35px 0;font-size:14px; color:#333333; line-height: 30px;}
.proDetail .right .text .p{position:relative; padding-left:18px;}
.proDetail .right .text .p::after{width:8px; height: 1px; background-color:#dc6b10; content: ""; position: absolute; top:50%; left: 0;}
.proDetail .down .ask{float:left; width:157px; height: 50px; background-color:#a3220e; line-height: 50px; font-size:18px; color:#fff; text-align: center;} 
.proDetail .down .share{float:right; margin-top:11px;}
.proDetail .down .ask:hover{background-color:#871503;}

.detailDown .hd{margin:30px 0 0 0; background-color:#f6f6f6; border:1px solid #ebebeb;}
.detailDown .hd li{float:left; width:120px; height: 46px; line-height: 46px; font-size:14px; color:#a3220e; border-right:1px solid #ebebeb; text-align:center; font-weight:bold; border-top:3px solid #a3220e; background-color:#fff;}
.detailDown .bd{}
.detailDown .bd .p{font-size:14px; color:#666666; line-height: 30px; border:1px solid #e5e5e5; padding:25px 45px 45px 45px; border-top:none; margin-bottom:32px;}
.detailDown .bd .pic .img{width:31.67%; margin:45px 2.49% 0 0; float:left;}
.detailDown .bd .pic .img:nth-child(3n){margin-right:0;}

.proAbout .H2{padding:37px 0 33px 0; font-size:20px; color:#a3220e; font-weight: bold;} 
.proAbout .H2 .i1{ font-size:14px; color:#a3220e; display: inline-block; margin-left:12px; font-weight: normal;}
.proAbout .proList{padding:0;}
.proAbout .proList .list{margin-bottom:0;}
.proAbout .proList .list .pic{overflow:hidden;}
.proAbout .proList .list .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.proAbout .proList .list:hover .pic img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}


@media screen and (max-width:1199px){
	.proDetail .detailTop{padding:40px;}
}
@media screen and (max-width:991px){
	.proDetail .detailTop .pic{width:50%; float:none; margin: auto;}
	.proDetail .right{width:100%; margin:0; float:none; margin: 0; padding:0; border:none;}
}
@media screen and (max-width:767px){
	.proDetail .detailTop{padding:20px;}
	.proDetail .detailTop .pic{width:100%;}
	.proDetail .right .title{font-size:18px; padding:10px 0;}
	.proDetail .right .text{margin:10px 0; margin-top:10px; font-size:13px; line-height: 20px;}
	.proDetail .down .ask{width:100px; height: 30px; line-height: 30px; font-size:12px;}
	.proDetail .down .share{width:100%; float:left;}
	.detailDown .hd li{line-height: 30px; height: 30px; }
	.detailDown .bd .pic .img{margin: 10px 0 0  0; width:100%;}
	.detailDown .bd .p{font-size:13px; line-height: 22px; padding:20px 10px; margin-bottom:20px;}
	
	.proAbout .H2{padding:20px 0; font-size:17px;}
	.proAbout .proList .list{width:100%; margin-bottom:10px;}
	.proAbout .proList .list .pic{width:140px; float:left; padding-bottom:30%; margin-right:10px;}
	.proAbout .proList .down .H4{padding:10px 0}
}

/*关于我们*/
.about{padding:50px 0;}
.about .pic{float:right;width:33.85%; padding:0 20px 20px 0; background:url(images/j16.jpg) bottom right no-repeat; margin-left:5%;}
.about .H3{font-size:21px; color:#333333; padding:13px 0 8px 0; letter-spacing: 2px;}
.about .H4{font-size:14px; color:#a8a8a8; text-transform: uppercase; padding-bottom:20px; position: relative; margin-bottom:25px;}
.about .H4::after{width:36px; height: 1px; background-color:#000000; content:""; position: absolute; bottom:0; left: 0;}
.about .p{font-size:14px; line-height: 35px; color:#818181;}

@media screen and (max-width:1429px){
	.about .pic{background-size:80%;}
}
@media screen and (max-width:991px){
	.about .pic{width:40%;}
}
@media screen and (max-width:767px){
	.about{padding:30px 0;}
	.about .pic{width:100%; float:none; margin: 0; padding:0 10px 10px 0;}
	.about .H3{font-size:17px;}
	.about .H4{font-size:12px; padding-bottom:10px; margin-bottom:10px;}
	.about .p{font-size:13px; line-height: 22px;}
}

.about2{ padding:38px 0;}
.about2 .pic{float:left; width:332px;}
.about2 .right{width:55.35%; float:right; margin-right:2.85%;}
.about2 .right .H4{font-size:21px; color:#a3220e; padding:54px 0 33px 0;}
.about2 .right .p{font-size:14px; color:#4c4c4c; line-height: 36px;}

@media screen and (max-width:991px){
	.about2 .pic{width:240px;}
	.about2 .right{width:60%; margin:0;}
	.about2 .right .H4{padding:10px 0;}
}
@media screen and (max-width:767px){
	.about2{padding:30px 0;}
	.about2 .pic{float:none; margin: auto;}
	.about2 .right{width:100%; }
	.about2 .right .H4{font-size:17px;}
	.about2 .right .p{font-size:13px; line-height: 22px;}
}

.about3{padding:50px 0 103px 0; position: relative;}
.about3 .H3{text-align:center; font-size:21px; color:#292929; position: relative; padding-bottom:15px;}
.about3 .H3::after{width:36px; height: 1px; background-color:#000000; content: "" ; position: absolute; bottom:1px; left:50%; margin-left:-18px;}

.about3Slide{margin-top:45px; padding:0 8.21%; position: relative; z-index: 1;}
.bgLine{width:98%; height: 1px; position: absolute; background-color:#000; opacity: 0.1; top:53%; left: 1%;}
.about3Slide .list{ margin: auto;}
.about3Slide .list .H4{width:77px; height: 82px;  text-align: center; font-size:18px; color:#fff; font-family: Arial; font-weight: bold; margin: auto; background:url(images/p10.png) center no-repeat; background-size:100% auto; padding-top:26px; }
.about3Slide .list .Span{width:23px; display: block; margin: auto auto 20px auto;}
.about3Slide .list .p{font-size:14px; color:#353434; line-height: 24px; height: 80px; overflow-y: auto; overflow-x: hidden; text-align: center; text-align: center;}

.about3Slide .list2 .H4{background-image:url(images/p17.png); padding-top:35px;}
.about3Slide .list2 .Span{margin:auto;}
.about3Slide .list2 .p{height:70px; margin-top:34px;}


.about3Slide .slick-prev{background:url(images/p13.png) center no-repeat; background-size:cover; left: 0;}
.about3Slide .slick-next{background:url(images/p14.png) center no-repeat; background-size:cover; right:0;}
.about3Slide .slick-prev,
.about3Slide .slick-next{width:30px; height: 30px;  }
.about3Slide .slick-prev:hover{background-image: url(images/p16.png);}
.about3Slide .slick-next:hover{background-image: url(images/p15.png);}

@media screen and (max-width:1429px){
	.about3Slide{padding:0 40px;}
}
@media screen and (max-width:767px){
	.about3{padding:30px 0 70px 0;}
	.about3Slide{margin-top:20px; padding:0 30px;}
	.about3Slide .slick-prev,
	.about3Slide .slick-next{width:30px; height: 30px;}
	.about3Slide .list .p{font-size:12px; line-height: 22px;}
	.bgLine{top:203px; width:90%; left: 5%;}
}

/*人才招聘*/
.join{}
.joinList{padding-bottom:30px;}
.joinList .list{margin-bottom:30px; }
.joinList .listTop{ background-color:#f5f5f5; padding-left:5.92%;}
.joinList .listTop .H1{float:left;width:11.92%;font-size:16px; color:#333333;line-height: 60px; text-align: center; }

.joinList .listTop1{background-color:#a3220e;}
.joinList .listTop1 .H1{font-weight:bold; color:#fff;}

.joinList .listTop .H11{width:12%; text-align: left;}
.joinList .listTop .H12{width:13%;}
.joinList .listTop .H13{width:22%;}
.joinList .listTop .H14{width:16%;}
.joinList .listTop .H15{width:15.14%;}
.joinList .listTop .H16{width:14%;}

.joinList .rBt{float:right; width:84px; border-left:1px solid #fff; height:60px;}
.joinList .rBt .span{width:21px; height:1px; background-color:#828282; display: block;margin:auto; margin-top:29.5px; position: relative;}
.joinList .rBt .span::after{content: " "; height:21px; width:1px; background-color:#828282; display: block; top:-10.5px; left: 10.5px; position: absolute;}

.joinList .listDown{padding:45px 10px 35px 10.28%; display:none;}
.joinList .textLeft{float:left;  display: inline-block; width:35%; }
.joinList .textLeft .H1{font-size:16px; color:#000; width:100%; text-align: left;}
.joinList .textLeft .p{font-size:14px; color:#666;  line-height: 30px; margin-top:10px;}
.joinList .textRight{float:right; width:51%;border-left:1px solid #eaeaea; padding-left:5.71%;}
.joinList .textRight .H1{font-size:16px; color:#000; width:100%; text-align: left;}
.joinList .textRight .p{font-size:14px; color:#666;line-height: 30px; margin-top:10px;}
.joinList .textRight .more{width:124px; height:38px; font-size:16px; text-align: center; line-height: 38px;margin:30px 0 0 0;background-color: #a3220e; background-size:cover; color:#fff; display: block; border-radius: 30px; cursor: pointer;}
.joinList .textRight .more:hover{background-color:#821403;}

.joinList .listTop.on{background-color:#a3220e;}
.joinList .listTop.on .rBt .span::after{display:none;}
.joinList .listTop.on .rBt .span{background-color:#fff;}
.joinList .listTop.on .H1{ color:#fff;}


@media screen and (max-width:1229px){
	.joinList .listTop{padding-left:10px;}
	.joinList .listTop .H13{width:16%;}
}
@media screen and (max-width:991px){
	.joinList .listTop .H1{width:14% !important;}
	.joinList .listTop .H15{width:18% !important;}
	.joinList .listDown{padding:20px;}
}
@media screen and (max-width:767px){
	.joinList .list{margin-bottom:10px;}
	.joinList .listTop .H1{font-size:14px; line-height: 40px;}
	.joinList .listTop .H12,
	.joinList .listTop .H13,
	.joinList .listTop .H14,
	.joinList .listTop .H15{display:none;}
	.joinList .listTop .H11,
	.joinList .listTop .H16{width:40% !important;}
	.joinList .rBt{width:40px; height: 40px;}
	.joinList .rBt .span{width:16px; margin:19.5px auto auto auto;}
	.joinList .rBt .span::after{height:16px; left: 7px; top:-7px;}
	.joinList .textLeft{width:100%;}
	.joinList .textRight{width:100%; border:none;border-top:1px solid #eaeaea; padding:10px 0 0 0; margin-top:10px;}
	.joinList .textRight .p,
	.joinList .textLeft .p{font-size:13px; line-height: 22px;}
	.joinList .textRight .more{margin-top:10px;}
}

.popupBox{position:fixed; top:0; left: 0; width:100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 99999; display: none;}
.popup{position:fixed; top:50%; left: 50%; width:630px; background-color:#fff; z-index: 999999; padding:75px 85px 65px 85px; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.popup .formList{margin-bottom:20px;}
.popup .H4{float:left; font-size:16px; color:#3c3c3c; font-weight: bold; line-height: 42px;}
.popup .H4 .i1{color:#a3220e;}
.popup .input{width:342px; height: 40px; border:1px solid #e7e7e7; display: block; float:left; padding:0 10px;font-size:16px;color:#3c3c3c;  margin-left:35px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.popup .textarea{width:342px; height: 112px; border:1px solid #e7e7e7; display: block; float:left; padding:10px;font-size:16px;color:#3c3c3c; margin-left:35px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.popup .submit{width:180px; height: 40px; background-color:#a3220e; border-radius: 40px; font-size:16px; color:#fff; font-weight: bold; margin: auto; display: block;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
}
.popup .submit:hover{background-color:#821403;}
.close1{position:absolute; top:-18px; right:-18px; width:18px; height: 18px; cursor: pointer;}

@media screen and (max-width:767px){
	.popup{width:96%;}
	.popup{padding:20px 10px;}
	.popup .H4{font-size:14px; line-height: 34px;}
	.popup .input,
	.popup .textarea{margin-left:10px; width:70%;height: 34px;}
	.popup .textarea{height:60px;}
	.popup .submit{width:100px; height: 34px; font-size:13px;}
	.close1{right:0;}
	.popup .formList{margin-bottom:10px;}
}

/*联系我们*/
.contactL{width:64.5%; float:left; border:2px solid #ededed; border-radius: 8px; text-align: center;}
.contactL .H1{font-size:66px; color:#ededed; text-transform: uppercase; padding:20px 0 0 0;}
.contactL .H3{font-size:24px; color:#000000; margin-top:-72px; line-height: 72px;}
.contactL .address{font-size:16px; color:#333333; line-height: 35px;}
.ewmBox{background-color:#f5f5f5; margin-top:20px; padding:35px 0;}
.ewmBox .box{display:inline-block; vertical-align: top;  margin: 0 5.64%;}
.ewmBox .box .pic{float:left; width:120px; height: 120px; padding:10px; background-color:#fff; box-shadow: 0 0 13px rgba(111,111,111,0.2); border-radius: 8px; overflow: hidden;}
.ewmBox .box .p{float:left; text-align: left; margin-left:20px; font-size:14px; color:#333333; line-height: 26px; margin-top:35px;}

.contactR{width:31%; float:right;border:2px solid #ededed; border-radius: 8px; padding:40px 4.85% 20px 4.85%;}
.contactR .H3{text-align:center; font-size:24px; color:#333333; padding-bottom:15px;}
.conForm .H4{line-height:38px;font-size:14px; color:#666666;}
.conForm .input{display:block; width:100%; height: 44px; background-color:#f7f7f7; border-radius: 2px; padding:0 10px;font-size:14px; color:#666666;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.conForm .textarea{display:block; width:100%; height: 77px; background-color:#f7f7f7; border-radius: 2px; padding:10px;font-size:14px; color:#666666; border:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.formList2 .input{width:66.77%; float:left;}
.formList2 .yzm{width:92px; height: 34px; float:right; margin-top:5px; overflow: hidden;}
.conForm .submit{width:229px; height: 44px; background-color:#a3220e; border-radius: 30px; font-size:16px; color:#fff; display: block; margin: 15px auto auto auto;
border:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;}
.conForm .submit:hover{background-color:#821403;}

@media screen and (max-width:1429px){
	.ewmBox .box{margin:0 4%;}
    .formList2 .yzm{width:80px;}
}
@media screen and (max-width:1199px){
	.ewmBox .box{margin:0 1%;}
	.contactR{padding:40px 2% 20px 2%}
    
}
@media screen and (max-width:991px){
	.contactL{width:100%;}
	.contactR{width:100%; margin-top:20px;}
    .formList2 .yzm{width:92px;}
}
@media screen and (max-width:767px){
	.contactL .H1{font-size:30px;}
	.contactL .H3{line-height:33px; margin-top:-33px;}
	.contactL .address{font-size:13px; line-height: 24px; margin: 10px 0;}
	.ewmBox .box{width:100%; margin-top:10px;}
	.ewmBox .box .p{font-size:12px; line-height: 20px; margin:10px 0 0 10px;}
	.ewmBox{padding:10px 0 20px 0;}
	.contactR{padding:20px 10px;}
	.contactR .H3{font-size:18px;}
	.conForm .input{height:34px;}
	.formList2 .yzm{margin:0; width:80px;}
	.conForm .submit{width:100px; height: 34px; font-size:13px;}
}

/*组织架构*/
.structure{width:100%; }

@media screen and (max-width:767px){
	.structure{width:100%;}
}